<!--[ELEMENT('html')]--><html><head><!--[TEXT('html')]-->
  <!--[/TEXT('html')]--><title><!--[TEXT('html')]-->:root pseudo-class<!--[/TEXT('html')]--></title><!--[TEXT('html')]-->
  <!--[/TEXT('html')]--><style type="text/css"><!--[TEXT('html')]-->html { background-color : red }
*:root { background-color: lime }<!--[/TEXT('html')]--></style><!--[TEXT('html')]-->
  <!--[/TEXT('html')]--><link rel="author" title="Daniel Glazman" href="http://glazman.org/"><!--[TEXT('html')]-->
  <!--[/TEXT('html')]--><link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"><!--[TEXT('html')]--> <!--[/TEXT('html')]--><!--[COMMENT('html')]--><!-- bogus link to make sure it gets found --><!--[/COMMENT('html')]--><!--[TEXT('html')]-->
  <!--[/TEXT('html')]--><meta name="flags" content=""><!--[TEXT('html')]-->
 <!--[/TEXT('html')]--></head><!--[TEXT('html')]-->
 <!--[/TEXT('html')]--><body><!--[TEXT('html')]-->
<!--[/TEXT('html')]--><p><!--[TEXT('html')]-->The background of the document should be green<!--[/TEXT('html')]--></p><!--[TEXT('html')]-->

<!--[/TEXT('html')]--></body></html><!--[/ELEMENT('html')]-->